<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="columns" class="row formio-component formio-component-columns formio-component-columns  formio-component-label-hidden" ref="component">
      <div class="col-md-6
    offset-md-0" ref="column-columns">
        <div id="columnsText" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-columnsText " ref="component">
          <label ref="label" class="col-form-label " for="columnsText-columnsText" id="l-columnsText-columnsText">
            Text
          </label>
          <div ref="element">
            <input ref="input" name="data[columnsText]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="columnsText-columnsText" aria-labelledby="l-columnsText-columnsText " aria-required="false"></input>
          </div>
          <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
        </div>
      </div>
      <div class="col-md-6
    offset-md-0" ref="column-columns">
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="columns2" class="row formio-component formio-component-columns formio-component-columns2  formio-component-label-hidden" ref="component">
      <div class="col-md-5
    offset-md-0" ref="column-columns2">
        <div id="columns2Text" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-columns2Text " ref="component">
          <label ref="label" class="col-form-label " for="columns2Text-columns2Text" id="l-columns2Text-columns2Text">
            Text
          </label>
          <div ref="element">
            <input ref="input" name="data[columns2Text]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="columns2Text-columns2Text" aria-labelledby="l-columns2Text-columns2Text " aria-required="false"></input>
          </div>
          <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
        </div>
      </div>
      <div class="col-md-5
    offset-md-0" ref="column-columns2">
      </div>
      <div class="col-md-2
    offset-md-0" ref="column-columns2">
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="fieldset" class="mb-2 formio-form-group formio-component formio-component-fieldset formio-component-fieldset  formio-component-label-hidden" ref="component">
      <fieldset>
        <legend ref="header" class="">
          Fieldset
        </legend>
        <div class="fieldset-body" ref="nested-fieldset">
          <div id="fieldsetText" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-fieldsetText " ref="component">
            <label ref="label" class="col-form-label " for="fieldsetText-fieldsetText" id="l-fieldsetText-fieldsetText">
              Text
            </label>
            <div ref="element">
              <input ref="input" name="data[fieldsetText]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="fieldsetText-fieldsetText" aria-labelledby="l-fieldsetText-fieldsetText " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </fieldset>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="fieldset2" class="mb-2 formio-form-group formio-component formio-component-fieldset formio-component-fieldset2  formio-component-label-hidden" ref="component">
      <fieldset>
        <legend ref="header" class="formio-clickable">
          Collapsed
        </legend>
      </fieldset>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="panel" class="formio-component formio-component-panel formio-component-panel  formio-component-label-hidden" ref="component">
      <div class="mb-2 card border">
        <div class="card-body" ref="nested-panel" id="panel-panel">
          <div id="panelText" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-panelText " ref="component">
            <label ref="label" class="col-form-label " for="panelText-panelText" id="l-panelText-panelText">
              Text
            </label>
            <div ref="element">
              <input ref="input" name="data[panelText]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="panelText-panelText" aria-labelledby="l-panelText-panelText " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="panel2" class="formio-component formio-component-panel formio-component-panel2  formio-component-label-hidden" ref="component">
      <div class="mb-2 card border">
        <div class="card-header bg-default" tabindex="0" role="button" aria-expanded="false" aria-controls="panel2-panel2" ref="header">
          <span class="mb-0 card-title ">
        <i class="formio-collapse-icon fa fa-plus-square-o bi bi-plus-square text-muted" data-title="Collapse Panel"></i>
    </span>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="panel3" class="formio-component formio-component-panel formio-component-panel3  formio-component-label-hidden" ref="component">
      <div class="mb-2 card border">
        <div class="card-header bg-default" tabindex="0" role="button" aria-expanded="true" aria-controls="panel3-panel3" ref="header">
          <span class="mb-0 card-title ">
        <i class="formio-collapse-icon fa fa-minus-square-o bi bi-dash-square text-muted" data-title="Collapse Panel"></i>
    </span>
        </div>
        <div class="card-body" ref="nested-panel3" id="panel3-panel3">
          <div id="panel3Text" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-panel3Text " ref="component">
            <label ref="label" class="col-form-label " for="panel3Text-panel3Text" id="l-panel3Text-panel3Text">
              Text
            </label>
            <div ref="element">
              <input ref="input" name="data[panel3Text]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="panel3Text-panel3Text" aria-labelledby="l-panel3Text-panel3Text " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="table" class="table-responsive formio-component formio-component-table formio-component-table  formio-component-label-hidden" ref="component">
      <table class="table
    table-striped
    table-bordered
    table-hover
    table-sm
  ">
        <caption class="visually-hidden">table</caption>
        <tbody>
          <tr ref="row-table">
            <td scope="col" ref="table-table-0">
              <div id="tableText" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-tableText " ref="component">
                <label ref="label" class="col-form-label " for="tableText-tableText" id="l-tableText-tableText">
                  Text
                </label>
                <div ref="element">
                  <input ref="input" name="data[tableText]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="tableText-tableText" aria-labelledby="l-tableText-tableText " aria-required="false"></input>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
            <td scope="col" ref="table-table-0">
            </td>
            <td scope="col" ref="table-table-0">
            </td>
          </tr>
          <tr ref="row-table">
            <td scope="col" ref="table-table-1">
            </td>
            <td scope="col" ref="table-table-1">
              <div id="tableText2" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-tableText2 " ref="component">
                <label ref="label" class="col-form-label " for="tableText2-tableText2" id="l-tableText2-tableText2">
                  Text
                </label>
                <div ref="element">
                  <input ref="input" name="data[tableText2]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="tableText2-tableText2" aria-labelledby="l-tableText2-tableText2 " aria-required="false"></input>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
            <td scope="col" ref="table-table-1">
            </td>
          </tr>
          <tr ref="row-table">
            <td scope="col" ref="table-table-2">
            </td>
            <td scope="col" ref="table-table-2">
            </td>
            <td scope="col" ref="table-table-2">
              <div id="tableText3" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-tableText3 " ref="component">
                <label ref="label" class="col-form-label " for="tableText3-tableText3" id="l-tableText3-tableText3">
                  Text
                </label>
                <div ref="element">
                  <input ref="input" name="data[tableText3]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="tableText3-tableText3" aria-labelledby="l-tableText3-tableText3 " aria-required="false"></input>
                </div>
                <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="well" class="" ref="component">
      <div class="card card-body bg-light mb-3">
        <div ref="nested-well">
          <div id="wellText" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-wellText " ref="component">
            <label ref="label" class="col-form-label " for="wellText-wellText" id="l-wellText-wellText">
              Text
            </label>
            <div ref="element">
              <input ref="input" name="data[wellText]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="wellText-wellText" aria-labelledby="l-wellText-wellText " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="tabs" class="formio-component formio-component-tabs formio-component-tabs " ref="component">
      <div class="card">
        <div class="card-header">
          <ul class="tab-component-tabs nav nav-tabs card-header-tabs" role="tablist">
            <li class="nav-item active" role="tab" ref="tabLi-tabs">
              <a class="nav-link active" href="#tab1" ref="tabLink-tabs">
                Tab 1
              </a>
            </li>
            <li class="nav-item" role="tab" ref="tabLi-tabs">
              <a class="nav-link" href="#tab2" ref="tabLink-tabs">
                Tab2
              </a>
            </li>
          </ul>
        </div>
        <div role="tabpanel" class="card-body tab-pane" style="display: block" ref="tab-tabs">
          <div id="time" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-time " ref="component">
            <label ref="label" class="col-form-label " for="time-time" id="l-time-time">
              Time
            </label>
            <div ref="element">
              <input ref="input" name="data[time]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="time-time" aria-labelledby="l-time-time " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
        <div role="tabpanel" class="card-body tab-pane" style="display: none" ref="tab-tabs">
          <div id="time2" class="mb-2 formio-form-group has-feedback formio-component formio-component-textfield formio-component-time2 " ref="component">
            <label ref="label" class="col-form-label " for="time2-time2" id="l-time2-time2">
              Time2
            </label>
            <div ref="element">
              <input ref="input" name="data[time2]" type="text" class="form-control" lang="en" spellcheck="true" value="" id="time2-time2" aria-labelledby="l-time2-time2 " aria-required="false"></input>
            </div>
            <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
          </div>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="submit" class="mb-2 formio-form-group has-feedback formio-component formio-component-button formio-component-submit  mb-2 formio-form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>